<template>
    <div id="islogin">
            <div id="userHeader">
             <div class="headerTop">
                <h3>我的</h3>
                <p class="layout">[退出]</p>
                <h4>
                    <i class="iconfont">&#xe65f;</i>
                    <i class="iconfont ">&#xe6bd;</i>
                </h4>
             </div>
             <div class="headerBot">
                 <h3><i class="iconfont">&#xe60f;</i></h3>
                 <div class="promptlyLogin">
                      <a href="#">{{username}}</a>
                      <p>{{tel}}</p>
                      <span>></span>
                 </div> 
             </div>
        </div>

        <div class="liststyle">
            <ul class="list">
                <li>
                    <a href="#">
                         <p class="lef">0.00元</p>
                         <h6>钱包</h6>
                    </a>            
                </li>
                <li>
                    <a href="#">
                          <p class="mid">0个</p>
                         <h6>优惠</h6>
                    </a>            
                </li>
                <li class="right">
                    <a href="#">
                         <p class="rig">0分</p>
                         <h6>积分</h6>
                    </a>            
                </li>
            </ul>
            <div class="kong"></div>
        </div>

        <div class="memberCenter">
                <div class="project">
                        <a href="#">
                            <i class="iconfont one">&#xe607;</i>　
                            <span>收货地址</span>
                        </a>
                 </div>
                 <div class="project ">
                        <router-link to="/collection" class="bottomSoild">
                            <i class="iconfont two">&#xe642;</i>　
                            <span>我的收藏</span>
                        </router-link>
                 </div>
                 <div class="project ">
                        <router-link to="/cart">
                            <i class="iconfont two">&#xe603;</i>　
                            <span>我的购物车</span>
                        </router-link>
                 </div>
                 <div class="kong"></div>
    
                 <div class="project">
                        <a href="#">
                            <i class="iconfont three">&#xe65a;</i>　
                            <span>推荐有奖</span>
                            <p>5元现金</p>
                        </a>
                 </div>
                  <div class="project ">
                        <a href="#" class="bottomSoild">
                            <i class="iconfont five">&#xe681;</i>　
                            <span>积分商城</span>
                            <p>0元好物在这里</p>
                        </a>
                 </div>
                 <div class="project ">
                        <a href="#">
                            <i class="iconfont four">&#xe60b;</i>　
                            <span>饿了么会员卡</span>
                            <p>未开通</p>
                        </a>
                 </div>
                 
                 <div class="kong"></div>         
        </div>
    </div>
</template>

<script>

import $ from 'jquery';

    export default {
        name: 'islogin',
        data(){
            return{
               tel:JSON.parse(sessionStorage.getItem("user_info")).tel,
			    username:JSON.parse(sessionStorage.getItem("user_info")).username
            }
        },
        methods:{
            
        },
        computed:{

        },
         mounted(){
           var that=this;
            $(".layout").click(function(){
            sessionStorage.removeItem("user_info");  //点击退出时清除本地存储中的用户信息
             that.$router.push({path:'/mine'})  //js路由跳转 //js路由跳转
        })
        }
    }
</script>